﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ลงชื่อเข้าใช้</title>
<style>
.logo{
	margin-top:-10px;
	z-index:9999;
	position:fixed;
	width:100%;
	height:20px;
	top:10px;
}
.header{
	margin-top:5px;
	z-index:9999;
	position:fixed;
	width:100%;
	height:60px;
	background: #fefcea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #ffd65e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-8 */

box-shadow:0px 0px 1px 1px #333333;
}

.menu{
	position:fixed;
	width:200px;
	height:*;
	margin-top:240px;
	margin-left:70%;
}
.menu th{
	color:#FFF;
	border-radius:5px;
	background: rgb(255,48,25); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
box-shadow:0px 0px 1px 1px #333333;
}
.menu td{
	border-radius:5px;
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
box-shadow:0px 0px 1px 1px #333333;
}

body{
	background-attachment:fixed;
	background-color:#AAA9A9;

}

</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="header"></div>
<div class="logo">
	<img src="/img/logo.png" width=""  height="120">
</div>
<div class="menu">
<?php echo form_open('verifylogin'); ?>
  <table width="200" border="0" cellspacing="0" cellpadding="5">
    <tbody>
      <tr>
        <th colspan="2" nowrap>ลงชื่อเข้าใช้ระบบ</th>
      </tr>
      <tr>
        <td width="102" align="right" valign="middle" nowrap>ชื่อผู้ใช้: </td>
        <td width="78" align="center" valign="middle" nowrap><input name="username" type="text" required="required" class="text1" id="text1" size="30"/></td>
      </tr>
      <tr>
        <td align="right" valign="middle" nowrap>รหัสผ่าน: </td>
        <td align="center" valign="middle" nowrap><input name="password" type="password" required="required" class="text1"  id="text2" size="30"/></td>
        </tr>
      <tr>
        <td colspan="2" align="center" valign="middle" nowrap><?php echo validation_errors(); ?><input type="submit"  class="css_button" value="Login"/></td>
      </tr>
    </tbody>
  </table></form>
</div>
</body>
</html>
